<div ng-attr-id="{{chartId}}" class="pod-donut" ng-class="{ mini: mini }"></div>

<div ng-if="mini" class="donut-mini-text">
  <span ng-if="!idled && total <= 99">
    {{total}}
  </span>
</div>
<span ng-if="mini && total === 1 && !idled" class="donut-mini-text-name">pod</span>
<span ng-if="mini && total !== 1 && !idled" class="donut-mini-text-name">
  <span ng-if="!idled && total > 99">
    {{total}}
  </span> pods
</span>
<span ng-if="mini && idled" class="donut-mini-text-name">Idle</span>

<!-- Include text values for screen readers -->
<div class="sr-only">
  <div ng-if="(pods | hashSize) === 0">No pods.</div>
  <div ng-if="(pods | hashSize) !== 0">
    Pod status:
    <span ng-repeat="column in podStatusData" ng-if="column[1]">{{column[1]}} {{column[0]}}</span>
  </div>
</div>
